<template>
   <div style="padding:30px">

    <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
      
      <el-tab-pane label="挂号记录" name="1">
        <MedicalRecords  />
      </el-tab-pane>
       <el-tab-pane label="个人信息" name="2">
        <PersonInfo  />
      </el-tab-pane>
    </el-tabs>

  </div>
</template>

<script>
import MedicalRecords from './medicalRecords.vue'
import PersonInfo from '@/components/personInfo'
export default {
  name: 'Doctor',
  components:{
    MedicalRecords,
    PersonInfo
  },
  data() {
    return {
      activeName: '1'// tabs默认选择
    }
  },
  methods: {
   // tabs栏点击
    handleClick(tab, event) {
      console.log(tab, event)
    },
  }
}
</script>

<style scoped lang='scss'>
::v-deep .el-tag + .el-tag {
    margin-left: 10px;
  }
.button-new-tag {
    margin-left: 10px;
    height: 32px;
    line-height: 30px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .input-new-tag {
    width: 90px;
    margin-left: 10px;
    vertical-align: bottom;
  }
</style>
